<template>
  <div>
    <div id="video">
      <div class="img_box">
        <a
          class="img_a video_btn"
          href="javascript:;"
          video-url="https://v.51kuihua.com/ff88588a04704144bcb872e48e3c3ecb/408e29d640664be8b88d5a1b88932afd-f06752591356b5a8eb6ce06ce9054c1f-hd.mp4"
          title="Electric Folding Bicycle"
        >
          <i class="video_icon"></i>
          <img
            src="./img/da5faab26b.jpg"
            alt="Electric Folding Bicycle"
          />

        </a>
      </div>

      <div class="video_main">
        <div class="video_text">
          <span class="video_title">Electric Folding Bicycle</span>
          <span class="video_contents">Home intelligence syste creates a whole house intelligent control system for people who pursue high-quality life, nd realizes
            the four major systems of intelligent lighting, intelligent control and audio-visual entertainment</span>
          <a
            class="more"
            href="/products/"
          >Learn more</a>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data: () => ({
    fun: false
  }),
  methods: {
    play() {
      this.fun = !this.fun
    },
    cancel() {
      this.fun = false
    }
  }
}
</script>
<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
}

</style>